<template>
  <div class="playgroud">
    <TopBar/>
    <ScoreBoard/>
    <GameMap/>
  </div>
</template>

<script>
import ScoreBoard from './ScoreBoard.vue'
import GameMap from './GameMap.vue'
import TopBar from './TopBar.vue'
export default {
  name: 'PlayGround',
  components: {
    TopBar,
    GameMap,
    ScoreBoard
  },
  data () {
    return {}
  }
}
</script>

<style lang="scss" scoped>
.playgroud {
  background-color: #578A34;
  width: 100%;
  height: 100%;
}
</style>
